{extend name="layout/index" /}
{block name="content"}
<div class="xsui-login-page">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="page-header">
                            <h3>注册 <small>Regition</small></h3>
                        </div>
                        <form>
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                    <input type="text" class="form-control" placeholder="帐号 (由字母、数字或英文字符点(.)组成(4-16位))" required="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
                                    <input type="text" class="form-control" placeholder="邮箱" required="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-mobile"></i></span>
                                    <input type="text" class="form-control" placeholder="手机号码" required="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                                    <input type="password" class="form-control" placeholder="密码 (由字母、数字和特殊符号(~!@#$%^*)组成，区分大小写(6~16位))" required="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                                    <input type="password" class="form-control" placeholder="再次输入密码" required="required" />
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group xsui-captcha-group" style="width:300px">
                                    <input type="text" name="captcha" class="form-control" placeholder="验证码">
                                    <span class="input-group-btn">
                                        <a href="#" class="btn btn-default" title="看不清楚? 点击刷新验证码."><i class="fa fa-refresh"></i></a>
                                        <a href="#" class="btn btn-default" style="padding:0" title="点击刷新验证码"><img src="{:url('Captcha/index','h=32')}" alt="" /></a>
                                    </span>
                                </div>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox">  我同意“<a href="#">服务条款</a>”及“<a href="#">法律声明</a>”
                                </label>
                            </div>
                            <button type="submit" class="btn btn-default">确认注册</button>
                            <div style="border-top:solid 1px #DDD; margin-top:10px; padding:20px 0 10px 0; font-size:12px; line-height:30px; color:#666;">
                                已有账户? 直接
                                <a href="{:url('Login/index')}" class="btn btn-success btn-sm">登录</a>
                                <a href="{:url('User/forgot_password')}" class="btn btn-danger btn-sm">忘记密码?</a>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="panel" style="padding: 20px 0 50px 30px;">
                    <div class="panel-heading text-purple">
                        <h3><strong>公司名称</strong></h3>
                        <p>您身边的互联网专家， 提供互联网整体解决方案！</p>
                    </div>
                    <div class="panel-body" style="line-height: 24px; font-size:13px; color:#666;">
                        全国知名域名注册商； <br />
                        产品稳定、数据可靠； <br />
                        弹性伸缩、按需付费； <br />
                        抛弃繁琐、快速建站； <br />
                        完善的7*24小时不间断技术支持； <br />
                        创新品牌服务，让您省心更安心！ <br />
                        <br />
                        注册成功，即享特权： <br />
                        1、领取新人大礼包 <a href="#"><i class="fa fa-question-circle"></i></a><br />
                        2、免费送建站<br />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="body_foot"}
<script>
    $('.xsui-captcha-group a, .xsui-captcha-group img').click(function () {
        var $img = $('.xsui-captcha-group img');
        $img.attr('src', $img.attr('src'));
        return false;
    })
</script>
{/block}